<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}
		a {
			text-decoration: none;
		}
	/*	.choose_amount {
			position: relative;
			width: 50px;
			height: 40px;
			margin: 100px auto;
		}
		.choose_amount input {
			width: 33px;
			height: 38px;
			border: 1px solid #ccc;
			text-align: center;
		}
		.add,
		.reduce {
			position: absolute;
			right: 0;
			width: 13px;
			height: 18px;
			border: 1px solid #ccc;
			color: #666;
			text-align: center;
			line-height: 18px;
		}
		.add {
			top: 0;
		}
		.reduce {
			bottom: 0;
			cursor: not-allowed;
		}*/
	/*	div {
			width: 200px;
			height: 100px;
			background-color: blue;
			font-size: 20px;
			transition: all 1s;
		}
		div:hover {
			width: 400px;
			height: 300px;
			background-color: #ccc;
			font-size: 60px;
		}
		*/
	.red {
		width: 100px;
		height: 100px;
		background-color: red;
	}
	.green {
		width: 100px;
		height: 100px;
		background-color: green;
	}
	</style>
</head>
<body>
	<!-- <div>
		2132146
	</div> -->
<!-- 	<div class="choose_amount">
		<input type="text" value="1">
		<a href="javascript:; class="add" ">+</a>
		<a href="javascript:; class="reduce" ">-</a>
	</div> -->
	<p class="red"><div class="green"></div></p>
</body>
</html>